﻿@model InfoSource.Models.Views.AppointmentReminders_SendIndividualAppointmentReminderViewModel
		   
@{
	ViewBag.Title = "Send Individual Appointment Reminder";
    Layout = ViewBag.IsPartial == true ? "" : "~/Views/Shared/_Layout.cshtml";
}

	<div id="appointmentRemindersSendIndividualAppointmentReminderPage" class='pageContent' key="@Url.Content("~/appointmentreminders/sendindividualappointmentreminder")">
		<h2 class="pageTitle">Send Individual Appointment Reminder</h2>

		<!-- WIZARD CONTAINER -->
		<div id="apptReminderIndiv_wizardContainer" class="primaryContainer">
			<h1>
				<span>Build It...</span>
			</h1>
			<ul id="apptReminderIndiv_wizardStepsContainer">
				<!-- CHOOSE AN ACCOUNT -->
				<li class="wizardStep chooseAccount">
					<h2>
						<span>1. Choose Account...</span>
					</h2>
					<div class="search-type">
						<input type="radio" id="apptReminderIndiv_wizardStepsContainer_chooseAccount_searchType_AccountNum" checked="checked" name="radio" class="ui-helper-hidden-accessible" value="accountnum">
							<label for="apptReminderIndiv_wizardStepsContainer_chooseAccount_searchType_AccountNum" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left ui-state-active ui-state-focus">Acct #</label>
						<input type="radio" id="apptReminderIndiv_wizardStepsContainer_chooseAccount_searchType_Address" name="radio" class="ui-helper-hidden-accessible" value="address">
							<label for="apptReminderIndiv_wizardStepsContainer_chooseAccount_searchType_Address" class="ui-button ui-widget ui-state-default ui-button-text-only">Address</label>
						<input type="radio" id="apptReminderIndiv_wizardStepsContainer_chooseAccount_searchType_Name" name="radio" class="ui-helper-hidden-accessible" value="name">
							<label for="apptReminderIndiv_wizardStepsContainer_chooseAccount_searchType_Name" class="ui-button ui-widget ui-state-default ui-button-text-only ui-corner-right">Name</label>
					</div>
					<div class="account-search">
						<input id="apptReminderIndiv_wizardStepsContainer_chooseAccount_searchBox" />
					</div>
					<div class="search-results list-container">
						<ul>

						</ul>
					</div>
				</li>

				<li class="wizardStepSeparator"></li>

				<!-- CHOOSE AN APPLIANCE -->
				<li class="wizardStep chooseAppliance">
					<h2>
						<span>2. Choose Appliance...</span>
					</h2>

					<div class="contract-id"></div>

					<div class="appliance-results list-container">
						<ul>

						</ul>
					</div>

				</li>

				<li class="wizardStepSeparator"></li>

				<!-- CHOOSE A TEMPLATE -->
				<li class="wizardStep chooseTemplate">
					<h2>
						<span>3. Choose Template...</span>
					</h2>

					<div class="template-list list-container">
						<ul>
						@foreach(InfoSource.Models.objects.EmailTemplate template in Model.EmailTemplates){
							<li value="@template.ID" templateid='@template.ID' class="list-item">@template.TemplateName</li>
						}
						</ul>
					</div>
					<!--
					<select id="apptReminderIndiv_wizardStepsContainer_chooseTemplate_Select">

					</select>
					-->

				</li>

				<li class="wizardStepSeparator"></li>

				<!-- CHOOSE EMAIL TO FIELD -->
				<li class="wizardStep">
					<h2>
						<span>4. Choose Email To:...</span>
					</h2>

					<input type="text" id="apptReminderIndiv_wizardStepsContainer_chooseTo_Input" />
					<button id="apptReminderIndiv_wizardStepsContainer_chooseTo_Btn_Add">Add..</button>

					<div class="to-list list-container">
						<ul>

						</ul>
					</div>

				</li>

				<li class="wizardStepSeparator"></li>

				<!-- SEND IT -->
				<li class="wizardStep">
					<h2>
						<span>5. Send...</span>
					</h2>
				</li>
			</ul>
		</div>

		<div id="apptReminderIndiv_resizeGrip"></div>

		<!-- PREVIEW CONTAINER -->
		<div id="apptReminderIndiv_previewContainer" class="primaryContainer">
			<h1>
				<span>Preview It...</span>
			</h1>

			<div class="previewContent"></div>
		<br />
		</div>


	</div>

	





	@{
	this.ViewContext.Controller.ViewData["Scripts"] = new List<string>(){
        "/InfoSource/Content/Scripts/Views/AppointmentReminders_SendIndividualAppointmentReminder.js"
	};

	this.ViewContext.Controller.ViewData["StyleSheets"] = new List<string>(){
        "/InfoSource/Content/Styles/Views/AppointmentReminders_SendIndividualAppointmentReminder.css"
	};

	this.ViewContext.Controller.ViewData["InlineScripts"] = new List<string>(){
	};
}
